<script setup>
import {defineProps} from 'vue'

const props = defineProps({
  title: {
    type: String,
    required: true
  },
  icon: {
    type: String,
    required: false
  }
})
</script>

<template>
  <div>
    <el-icon v-if="icon">
      <component :is="icon"></component>
    </el-icon>
    <!--    <i v-if="icon.includes('el-icon')" :class="icon" class="sub-el-icon"></i>-->
    <!--    <SvgIconComponent v-else :icon="icon"></SvgIconComponent>-->
    <span>{{ title }}</span>
  </div>
</template>

<style scoped>

</style>